<template>
  <div class="Audio">
    <div>
      <video v-bind:src="videoUrl" ref="player" autoplay controls></video>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isPlaying: false,
      playImg: require("../../images/icon/play.png"),
      pauseImg: require("../../images/icon/pause.png"),
      duration: 0,
      formatCurrentTime: "00:00:00",
      progressWidth: "0%",
      currentTime: 0,
      // audioUrl: 'http://cdn-users-pub.xlingual.net/5bd2e10d923090e07254e513/audio/FmHkUj1lItBsrSULuX1XuIeRzmVh.mpeg',  // 20s
      // videoUrl: 'https://obs-a0f1.obs.cn-north-1.myhwclouds.com:443/990e19aacbef450fa5a330154766e44067?AccessKeyId=45XTDU0GZUODJHPIBRD3&Expires=1548595920&Signature=Yfps0OZ8P5O%2FP1Lduqnjv6aUI%2BI%3D',// 1s
    };
  },

  props: ["videoUrl"],

  mounted() {
  },
  beforeDestroyed() {
  },

  methods: {
   
  }
};
</script>

<style lang="scss" scoped>
@import "../../style/mixin";

video{
  width: 7.5rem;
}
</style>
